<template>
  <div>
    <i-circle
      :size="250"
      :trail-width="4"
      :stroke-width="5"
      :percent="75"
      stroke-linecap="square"
      stroke-color="#43a3fb"
    >
      <div class="demo-Circle-custom">
        <h1>30 / 40</h1>
        <p>本月需求进度</p>
        <span>
          已完成
          <i>75%</i>
        </span>
      </div>
    </i-circle>
    <i-circle
      :size="250"
      :trail-width="4"
      :stroke-width="5"
      :percent="0"
      stroke-linecap="square"
      stroke-color="#43a3fb"
    >
      <div class="demo-Circle-custom">
        <h1>0 / 40</h1>
        <p>事件处理进度</p>
        <span>
          已完成
          <i>0%</i>
        </span>
      </div>
    </i-circle>
    <i-circle :percent="80" dashboard>
      <span class="demo-circle-inner" style="font-size: 24px">80%</span>
    </i-circle>
    <Tag checkable color="primary" :checked="true" :checkable="false">刘乾10</Tag>
    <Tag checkable color="success" :checkable="false">陈小忠15</Tag>
    <Tag checkable color="error" :checkable="false">郭蓓20</Tag>
    <Tag checkable color="warning" :checkable="false">夏浩男999</Tag>
    <Tag checkable color="error" :checkable="false">风险项0</Tag>
  </div>
</template>

<script>
export default {
  name: "Index",
  data() {
    return {
      user: "",
      passwd: "",
    };
  },
  methods: {
    submit: function () {
      var res = { code: "200", msg: "登录成功" };
      if (res.code === "200") {
        this.$Message.success("登录成功!");
        this.$router.push({ name: "Mine", params: { id: "1" } });
      } else {
        this.$Message.error("密码错误!");
      }
    },
  },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>
